html,
body,
#root {
  height: 100%;
  overflow: hidden;
}

a {
  color: #59c4f2;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.centerl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.spread {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.drag {
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-app-region: drag;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  transition: all 0.4s;
  cursor: pointer;
}
.ant-pro-form-login-header {
  height: auto !important;
}

.ant-pro-form-login-logo {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;

  img {
    width: auto !important;
    height: 140px !important;
    border-radius: 0 !important;
  }
}
.center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
// protable 默认样式覆盖
.ant-pro-table .ant-pro-table-search,
.ant-pro-card-body {
  margin: 0 !important;
  padding: 0 !important;
}

.ant-pro-table-list-toolbar-container {
  padding-top: 0 !important;
  padding-bottom: 24px !important;
}

.ant-pro-table-list-toolbar-right {
  flex: 1 !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.ant-pro-table-list-toolbar-left {
  display: none;
}

.table-cell {
  display: -webkit-box;
  //width: 100%;
  overflow: hidden;
  font-size: 12px !important;
  word-break: break-all !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.noline {
  .ant-tabs-nav::before {
    border: none !important;
  }
}
.ant-menu {
  border: none !important;
}
.react-reveal {
  word-break: break-all !important;
}

.sorts {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.4s;

  &:hover {
    background-color: var(--color);
  }

  * {
    transition: all 0.4s !important;
  }
}
.contained {
  height: 100%;
  overflow: hidden;
  .ant-card {
    background-color: var(--bgcolor) !important;
    border-radius: 12px !important;
  }
  .ant-pro-card {
    background-color: transparent;
  }
  .ant-drawer-body {
    padding: 0 !important;
    padding-right: 24px !important;
  }
}
.ant-layout-sider {
  max-width: 220px !important;
  min-width: 220px !important;
}
.ant-layout-sider-collapsed {
  max-width: var(--width) !important;
  min-width: var(--width) !important;
}

.ant-segmented-group {
  overflow: hidden;
  border-radius: 60px !important;
  .ant-segmented-item,
  .ant-segmented-item-selected {
    border-radius: 60px !important;
  }
}

.split{
  .ant-card-head{
    padding: 0 12px;
  }
  .ant-card-body{
    padding: 12px;
  }
}
.ant-descriptions-item-content{
  >span{
    padding: 0 !important;
  }
}